<template>
    <div class="div_container_center">
    <div class='class_entity'>
        {{ item }}
    </div>
    </div>
</template>

<script>

export default 
{
    name: 'Entity',
    components: {
    },
    props: {
      item: {
        type: String,
        default(){
            return "TEST";
        }
      }
    },
}

</script>

<style>

.div_container_center {
    position:relative;
    width:100%;
    height:100%;
}

.class_entity {
  border:2px solid rgb(175, 175, 211);
  border-radius: 10px;
  width: 96%;
  height: 40px;
  font-size: 20px;
  background-color: rgb(191, 201, 219);
  font-family: Avenir, Helvetica, Arial, sans-serif;
  text-align:center;
  color: #2c3e50;
  line-height:40px;
  margin: auto;
  position:absolute;
  left: 0;
  top: 0;
  bottom:0;
  right: 0;
}


</style>
